.global-select
  // margin: 0 20px 20px
  // border-bottom: 1px solid #e1e1e1
  // padding-bottom: 24px
  display: flex
  > div
    margin-right: 20px
    &:last-child
      margin-right: 0
  .global-select-btn
    display: flex
    align-items: center
    justify-content: space-between
    padding: 0 12px
    width: 192px
    border: 1px solid #DCDFE6
    border-radius: 4px
    cursor: pointer
    height: 40px
    .global-select-icon-close
      display: none
    &:hover
      border-color: #C0C4CC
    &.global-select-btn-hover:hover
      .global-select-icon-arrow
        display: none
      .global-select-icon-close
        display: block
    p
      @include no-wrap(1)
    i
      flex: 0 0 auto
      font-size: 14px
      color: #C0C4CC
  .global-select-title
    display: flex
    align-items: center
    .global-select-title-power-icon
      font-size: 22px
      color: #5BBB9C
    .global-select-title-meter-icon
      font-size: 22px
      color: #EA9518
    .global-select-title-text
      margin-left: 6px
    .global-select-title-num
      font-size: 24px
      font-weight: 700
  .global-select-item
    display: flex
    align-items: center
    h2
      flex: 0 0 auto
.global-operation-list
  padding: 0 20px
  display: flex
  margin-bottom: 20px
  .global-operation-left
    flex: 1
    margin-right: 50px
    display: flex
    align-content: center
    justify-content: space-between
    .global-filter-list
      display: flex
      align-items: center
      flex-wrap: wrap
      margin-right: -20px
      margin-bottom: -20px
      .global-filter-item
        display: flex
        align-items: center
        margin-right: 20px
        margin-bottom: 20px
        //&:last-child
        //  margin-right: 0
        &.global-filter-item-dateRange
          .global-filter-item-dateRange-line
            width: 12px
            height: 1px
            margin: 0 12px
            background: #222
        .global-filter-item-title
          flex: 0 0 auto
        .el-input
          width: 144px
  .global-operation-right
    flex: 0 0 auto
    .el-button
      &:last-child
        margin-right: 0
    .global-operation-right-add
    .global-operation-right-export

.global-tabs-list
  margin: 0 20px 20px
  display: flex
  height: 40px
  border-bottom: 1px solid #BDBDBD
  .global-tabs-item
    position: relative
    top: 1px
    width: 96px
    border-top-left-radius: 2px
    border-top-right-radius: 2px
    background: #f9f9f9
    border: 1px solid #BDBDBD
    display: flex
    align-items: center
    justify-content: center
    margin-right: 6px
    cursor: pointer
    &:last-child
      margin-right: 0
    .global-tabs-item-radio
      width: 10px
      height: 10px
      border-radius: 50%
      margin-right: 5px
      &.green
        background: #40E867
      &.blue
        background: #409FFF
      &.orange
        background: #E9B84C
      &.red
        background: #F01E1E
      &.gray
        background: #909399
    .global-tabs-item-text
      //font-weight: bold
      //transition: all .15s
    &.active
      background: #fff
      border-bottom: 1px solid #fff
      .global-tabs-item-text
        color: $main-color
        //font-size: 16px
      &::before
        content: ""
        position: absolute
        top: 0
        width: 66px
        height: 2px
        background: $main-color
.global-table-content
  padding: 0 20px
  .global-table
    margin-bottom: 20px
    .global-table-operation-btn
      color: $main-color
      cursor: pointer
    //.global-table-operation-list
    //  display: flex
    //  .global-table-operation-item
    //    position: relative
    //    flex: 0 0 auto
    //    margin-right: 10px
    //    color: $main-color
    //    cursor: pointer
    //    &:last-child
    //      margin-right: 0
    //    &:not(:last-child)::after
    //      content: ""
    //      position: absolute
    //      right: -5.5px
    //      top: 50%
    //      margin-top: -7px
    //      width: 1px
    //      height: 14px
    //      background: $main-color
    //      pointer-events: none
    .global-table-path
      color: $main-color
      cursor: pointer
    .global-table-device-status
      height: 24px
      width: 66px
      line-height: 24px
      color: #ffffff
      text-align: center
      border-radius: 4px
      &.green
        background: #1FD498
      &.blue
        background: #3F6DE9
      &.orange
        background: #3F6DE9
      &.red
        background: #F85F5B
      &.gray
        background: #909399
      &.other
        background: #A56CED
    .global-table-status
      &.red
        color: #E02020
    .global-table-radio
      border: 1px solid #d5d5d5
      width: 16px
      height: 16px
      transition: all .15s
      position: relative
      border-radius: 50%
      cursor: pointer
      &:hover
        border-color: $main-color
      &.global-table-radio-active
        background: $main-color
        border-color: $main-color
        &::before
          content: ""
          position: absolute
          top: 5px
          left: 5px
          width: 4px
          height: 4px
          border-radius: 50%
          background: #fff
  .global-page
    display: flex
    justify-content: space-between
    align-items: center
    padding-bottom: 20px
    padding-top: 20px
    .global-page-left
      padding-left: 16px
      .el-checkbox
        display: none
      .global-page-left-btn
        //margin-left: 20px
        height: 34px
        line-height: 34px
        padding: 0 20px
    .global-page-left-confirm-btn
      margin-left: 12px
